


<div class="bjui-pageContent tableContent">
    <table>
        <div id="itemline" style="width:100%;height:80%;" ></div>
        <script  src="${request.getContextPath()}/js/echarts/echarts.js"></script>
        <script  src="${request.getContextPath()}/js/echarts/echarts-tool.js"></script>
        <script type="text/javascript">
            // 基于准备好的dom，初始化echarts实例
            var contextPath = "${request.getContextPath()}";
            eChartsTool.init(contextPath);
            var data=[];
            <g:each in="${itemlinerpt}" status="i" var="tableInstance">
            data.push('${tableInstance.ITEM}');
            </g:each>

            // 指定图表的配置项和数据
            var option = {
                /*backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景颜色*/
                // 图表标题
                title: {

                },

                tooltip : {
                    trigger: ''
                },

                legend: {
                    data:['累计产能(Pcs)','新增产能(Pcs)'],
                    textStyle:{fontSize:25}

                },
                xAxis: {
                    "axisLabel":{
                        "interval":0,
                        textStyle:{fontSize:25}
                    },
                    data:data
                },
                yAxis : [
                    {
                        type : 'value',
                        name:'',
                        axisLabel : {
                            formatter: '{value}',
                            textStyle:{fontSize:25}
                        },
                        show:true
                    }
                ],
                series : [
                    {
                        name: '累计产能(Pcs)',
                        type: 'bar',
                        barGap:'0%',
                        itemStyle:{
                            normal:{
                                color:'#FFD306'
                            }
                        },
                        stack:'partline',
                        data:${itemlinerpt.TOTAL_OUTPUT}
                    },
                    {
                        name: '新增产能(Pcs)',
                        type: 'bar',
                        barGap:'0%',
                        itemStyle:{
                            normal:{
                                color:'#B15BFF'
                            }
                        },
                        stack:'partline',
                        data:${itemlinerpt.NEW_OUTPUT},
                    }]
            };
            // 使用刚指定的配置项和数据显示图表。
            eChartsTool.setOption("macarons", document.getElementById('itemline'), option);
        </script>
    </table>

</div>

